<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>我的</title>

    <!-- weui -->
    <link rel="stylesheet" href="https://res.wx.qq.com/open/libs/weui/2.3.0/weui.min.css" />
</head>

<body>
    <main>
        <div class="swiper">
            <div class="swiper-wrapper">
                <div class="swiper-slide">Slide 1</div>
                <div class="swiper-slide">Slide 2</div>
                <div class="swiper-slide">Slide 3</div>
            </div>
            <!-- 如果需要分页器 -->
            <div class="swiper-pagination"></div>
        </div>
        <!-- <a href="#">
            <div class="user">
                <div class="information">
                    <div>
                        <img src="../../assets/imgs/cat.jpg" alt="">
                    </div>
                    <h2>用户名</h2>
                </div>
                <p>个性签名: XXXXXXXXXXXXXXXXXXXXXXXXXX</p>
            </div>
        </a> -->


        <div class="weui-cells user">
            <!-- 头部 -->
            <a href="user.html">
                <div class="weui-cell weui-cell_active weui-cell_access ">
                    <div class="weui-cell__hd information">
                        <img src="../../assets/imgs/headerPic.jpg" class="pic" width="80" alt="">
                    </div>
                    <div class="weui-cell__bd  yh">
                        <span id="user">用户名</span>
                        <span class="weui-cell__ft ml100" aria-hidden="true" id="b3_n2"></span>
                        <div class="demo_badge_desc"></div>
                    </div>

                </div>
                <span class="weui-cell__ft gq signature">个性签名: XXXXXXXXXXXXXXXXXXXXX</span>
            </a>
        </div>


        <div class="page__bd">
            <div class="weui-cells demo_badge_cells">

                <div role="link" aria-labelledby="b2_n1" aria-describedby="b2_txt2" class="weui-cell weui-cell_active weui-cell_access">
                    <div class="weui-cell__bd  df  aic" aria-hidden="true">
                        <img src="../../assets/imgs/index-card-sum.png " alt="" width="26px" height="26px" class="db">
                        <span class="demo_badge_title dk db" id="b2_n1">累积打卡 <span>23</span> 天</span>

                    </div>
                    <!-- <span class="weui-cell__ft" aria-hidden="true"></span> -->
                    <button class="db btn">今日打卡</button>
                </div>




                <div role="link" aria-labelledby="b3_n1 b3_n2" aria-describedby="b3_txt1 b3_txt1_note" class="weui-cell weui-cell_active weui-cell_access">
                    <span class="weui-cell__bd" aria-hidden="true">
                        <span class="demo_badge_title" id="b3_n1">个人动态</span>
                    <!-- <span class="weui-badge" id="b3_txt1" aria-label="">8</span>
                    <span id="b3_txt1_note" class="weui-hidden_abs">个新通知，</span> -->
                    </span>
                    <span class="weui-cell__ft" aria-hidden="true" id="b3_n2">10条</span>
                </div>








                <div role="link" aria-labelledby="b3_n1 b3_n2" aria-describedby="b3_txt1 b3_txt1_note" class="weui-cell weui-cell_active weui-cell_access" id="rundata">
                    <span class="weui-cell__bd" aria-hidden="true">
                        <span class="demo_badge_title" id="b3_n1">运动数据</span>
                    <div class="data">
                        <div class="pt">
                            <h2>总运动</h2>
                            <p><span>231</span>分钟</p>
                        </div>
                        <div class="bt">
                            <h2>总消耗</h2>
                            <p><span>124</span>千卡</p>
                        </div>

                    </div>
                    </span>
                    <span class="weui-cell__ft" aria-hidden="true" id="b3_n2"></span>
                </div>




                <div role="link" aria-labelledby="b3_n1 b3_n2" aria-describedby="b3_txt1 b3_txt1_note" class="weui-cell weui-cell_active weui-cell_access" id="badge">
                    <span class="weui-cell__bd" aria-hidden="true">
                        <span class="demo_badge_title" id="b3_n1">我的运动徽章</span>
                    <!-- <span class="weui-badge" id="b3_txt1" aria-label="">8</span>
                    <span id="b3_txt1_note" class="weui-hidden_abs">个新通知，</span> -->
                    </span>
                    <span class="weui-cell__ft" aria-hidden="true" id="b3_n2"></span>
                </div>
            </div>
        </div>
    </main>














    <!-- weui -->
    <script src="https://res.wx.qq.com/open/libs/weuijs/1.2.1/weui.min.js" charset="utf-8"></script>
</body>

</html>